<template>
  <div class="title_warp">
    <p class="title_warp_p">
      <span>当前位置：</span>
      <div v-for="it in data" :key="it.id" class="title_warp_p_youlun">
      	<router-link  :to="it.path" v-if='it.path'>{{ it.title }} ></router-link>
      	<span v-else>
      		{{it.title}}
      	</span>
      </div>
      
    </p>
  </div>
</template>
<script setup>
import { ref, getCurrentInstance } from "vue";
const {
  attrs: { data },
} = getCurrentInstance();
console.log(data);
</script>
<style>
.title_warp_p{
	display: flex;
}
	.title_warp_p_youlun{
	
		font-size: 0.6rem;
		
	}
</style>